<!--=== 样式转换 ===-->    
<i class="style-switcher-btn fa fa-cogs hidden-xs"></i>
<div class="style-switcher animated fadeInRight">
    <div class="style-swticher-header">
        <div class="style-switcher-heading">样式转换</div>            
        <div class="theme-close"><i class="icon-close"></i></div>
    </div>
    <div class="style-swticher-body">
        <!-- Theme Skins -->
        <div class="style-switcher-heading">主题皮肤</div>
        <div class="row no-col-space margin-bottom-20 skins-section">
            <div class="col-xs-6">
                <button data-skins="default" class="btn-u btn-u-xs btn-u-dark btn-block active-switcher-btn handle-skins-btn">浅色</button>
            </div>
            <div class="col-xs-6">
                <button data-skins="dark" class="btn-u btn-u-xs btn-u-dark btn-block skins-btn">深色</button>
            </div>
        </div>            
        <hr>
        <!-- Layout Styles -->
        <div class="style-switcher-heading">布局样式</div>
        <div class="row no-col-space margin-bottom-20">
            <div class="col-xs-6">
                <a href="javascript:void(0);" class="btn-u btn-u-xs btn-u-dark btn-block active-switcher-btn wide-layout-btn">宽屏</a>                
            </div>
            <div class="col-xs-6">
                <a href="javascript:void(0);" class="btn-u btn-u-xs btn-u-dark btn-block boxed-layout-btn">窄屏</a>                
            </div>
        </div>            
    </div>
</div><!--/style-switcher-->